﻿<div id="banner">



<div id="wrapper">



	<div id="slider-wrap">
	  <ul id="slider">


		  <li data-color="#1abc9c">
			  <div>
				  <h3>Slide #1</h3>
				  <span>Sub-title #1</span>
			  </div>
			  <i class="fa fa-image"></i>
		  </li>

		  <li data-color="#3498db">
			  <div>
				  <h3>Slide #2</h3>
				  <span>Sub-title #2</span>
			  </div>
			  <i class="fa fa-gears"></i>
		  </li>

		  <li data-color="#9b59b6">
			  <div>
				  <h3>Slide #3</h3>
				  <span>Sub-title #3</span>
			  </div>
			  <i class="fa fa-sliders"></i>
		  </li>

		  <li data-color="#34495e">
			  <div>
				  <h3>Slide #4</h3>
				  <span>Sub-title #4</span>
			  </div>
			  <i class="fa fa-code"></i>
		  </li>

		  <li data-color="#e74c3c">
			  <div>
				  <h3>Slide #5</h3>
				  <span>Sub-title #5</span>
			  </div>
			  <i class="fa fa-microphone-slash"></i>
		  </li>




	  </ul>






	  <div id="counter"></div>

	  <div id="pagination-wrap">
		<ul>
		</ul>
	  </div>


	</div>
</div>



   <!--controls-->
	  <div class="btns" id="next"><i class="fa fa-arrow-right"></i></div>
	  <div class="btns" id="previous"><i class="fa fa-arrow-left"></i></div>
	<!--controls-->





</div>